{{ define "main" }}

<section class="section">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <div id="search-results-count">
        </div>
        <div id="search-results">
        </div>
        <script>
          var hugoOptions = {
            noResults: "{{ .Site.Params.noResults | absURL }}"
          };
        </script>
        <script id="search-result-count-template" type="text/x-js-template">
          <div><p class="num-results">${numResult} ${resultText} for "${searchQuery}"</p></div>
        </script>
        <script id="search-result-template" type="text/x-js-template">
          <div class="py-4 border-bottom" id="summary-${key}">
            <h4><a href="${link}">${title}</a></h4>
            <p>${snippet}</p>
            ${ isset tags }<p>Tags: ${tags}</p>${ end }
            ${ isset categories }<p>Categories: ${categories}</p>${ end }
          </div>
        </script>
      </div>
    </div>
  </div>
</section>

{{ end }}